<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <div th:include="path::ztree_css" ></div>
</head>
<body class="">
    <input type="hidden" id="menu_name">
    <input type="hidden" id="menu_id">
    <input type="hidden" id="parentId" th:value="${parentId}">
    <div class="gr-dg">
        <div class="demo-tree demo-tree-box">
            <ul id="treeDemo" class="ztree"></ul>
        </div>
    </div>

    <div th:include="path::sub_path_js" ></div>
    <div th:include="path::ztree_js" ></div>
    <script th:inline="javascript">
        var settingss = {
            data: {
                simpleData: {
                    enable: true,  //true 、 false 分别表示 使用 、 不使用 简单数据模式
                    idKey: "id",   //节点数据中保存唯一标识的属性名称
                    pIdKey: "parentId",    //节点数据中保存其父节点唯一标识的属性名称
                    rootPId: -1  //用于修正根节点父节点数据，即 pIdKey 指定的属性值
                },
                key: {
                    name: "title"  //zTree 节点数据保存节点名称的属性名称  默认值："name"
                }
            },
            check:{
                enable:false,  //true 、 false 分别表示 显示 、不显示 复选框或单选框
                nocheckInherit:true   //当父节点设置 nocheck = true 时，设置子节点是否自动继承 nocheck = true
            },
            callback: {
                onClick: getTreeData,                      // 用于捕获节点被点击的事件回调函数
            },

        };
        var parentId = $("#parentId").val();
        $.get('/menu/menuTreeData',{"parentId":0},function (data) {
            zTreeObj = $.fn.zTree.init($("#treeDemo"), settingss, data); //初始化树
            zTreeObj.expandAll(true);   //true 节点全部展开、false节点收缩
            if($.common.isNotNull(parentId)){
                var node = zTreeObj.getNodeByParam("parentId",parentId);
                zTreeObj.selectNode(node, true, false);
            }
        })

        function getTreeData(event, treeId, node){
            $("#menu_id").val(node.id);
            $("#menu_name").val(node.title);
        }
    </script>
</body>

</html>
